$color_info: #909399;
$primary_color: #326a9f;
$platform_menu: #303133;
$platform_bg: #f4f4f4;
$border_color: #DCDFE6;
$warning_color: #f64d4d;

$imgMaxWidth: 745, 372, 254, 228, 193;


.imgupload-recommended {
  padding: 5px 0;
  display: block;
  font-size: 12px;
  color: $color_info;
}

@each $p in $imgMaxWidth {
  .imgupload-mw-#{$p} {
    max-width: #{$p+px}
  }
}

.drawer-body {
  overflow: visible;

  .el-drawer__body {
    overflow: hidden;
  }

  .drawer-close {
    padding: 10px;
    position: absolute;
    left: -50px;
    top: 80px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .drawer-container {
    padding: 20px;


    .page-header {
      color: #fff;
      margin: -20px;
      margin-bottom: 0;
      height: 60px;
      line-height: 60px;
      background: $border_color;
    }

    .operate-button-container {
      float: right;
      margin-right: 20px;
      font-size: 14px
    }

    .table-layout {
      margin-top: 20px;
      border-left: 1px solid #DCDFE6;
      border-top: 1px solid #DCDFE6;
    }

    .table-cell {
      height: 60px;
      line-height: 40px;
      border-right: 1px solid #DCDFE6;
      border-bottom: 1px solid #DCDFE6;
      padding: 10px;
      font-size: 14px;
      color: #606266;
      text-align: center;
      overflow: hidden;
    }

    .table-cell-title {
      border-right: 1px solid #DCDFE6;
      border-bottom: 1px solid #DCDFE6;
      padding: 10px;
      background: #F2F6FC;
      text-align: center;
      font-size: 14px;
      color: #303133;
    }

    .color-danger {
      color: $warning_color;
    }

    .el-icon-s-flag {
      color: $primary_color;;
    }
  }

  .el-scrollbar__wrap {
    overflow-x: hidden;
  }
}

.page-full-screen{

  min-height: calc(100vh - 140px);
}
